<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径
    1.相对路径 一般访问栈内资源时使用
        -图片和页面在同一目录：直接写图片名
        -图片在页面的上级目录：../图片名
        -图片在页面的下级目录：文件夹名/图片名
    2.绝对路径 一般访问站外资源，图片盗链 有找不到图片的风险
-->
<!--alt：当图片不能正常显示时 显示的文本-->
<!--title:图片标题-->

<img src="a.jpg" alt="这个是个美女图片">
<img src="../b.jpg" alt="">
<img src="abc/c.jpg" alt="">
<!--
width/height
两种赋值方式：1，像素  2.上级元素的百分比
只设置宽度时，高度会自动等比缩放
-->
<img src="https://cdn.tmooc.cn/tmooc-web/css/img/img2019052301x.jpg" width="50%" alt="" title="这是标题">
</body>
</html>